{% extends "layout.html" %} {% block title %}{{ title }}{% endblock %} {% block
keywords %}{{ meta_keywords }}{% endblock %} {% block description %}{{
meta_description }}{% endblock %} {% block article %} {% for a in articles %}
<article class="rounded-lg border border-gray-100 bg-white p-4 shadow-sm transition hover:shadow-lg my-4 hover:animate-pulse">
    <div class="card-body">
      <div>
        <a href="{{ site_url }}{{a.url}}.html"
          ><h3 class="list-title text-2xl">{{ a.title }}</h3></a
        >
      </div>
      <p class="my-4 text-base">{{ a.description }}</p>
      <div class="flex items-center text-base">
        <a href="{{ site_url }}{{a.url}}.html" class="block justify-start w-1/2">阅读全文 ➞</a>
      <p class="flex justify-end w-1/2">发表于:<span class="cr-time">{{ a.time }}</span></p>
      </div>
    </div>
</article>

{% endfor %}

<div class="flex flex-nowrap justify-items-center px-8 my-8">
  <a href="{{ prevurl }}"  class="basis-1/3 text-left">
    <!-- Component: Base secondary basic button -->
<button class="hover:animate-bounce inline-flex items-center justify-center h-10 gap-2 px-5 text-sm font-medium tracking-wide transition duration-300 rounded focus-visible:outline-none justify-self-center whitespace-nowrap bg-zinc-50 text-zinc-500 hover:bg-zinc-100 hover:text-zinc-600 focus:bg-zinc-200 focus:text-zinc-700 disabled:cursor-not-allowed disabled:border-zinc-300 disabled:bg-zinc-100 disabled:text-zinc-400 disabled:shadow-none">
  <span>Prev</span>
</button>
<!-- End Base secondary basic button -->
  </a>

  <div class="w-full basis-1/3 text-center" style="line-height: 48px">
    {{ page_num }}
  </div>

  <a href="{{ nexturl }}" class="basis-1/3 text-right">
    <!-- Component: Base secondary basic button -->
<button class="hover:animate-bounce inline-flex items-center justify-center h-10 gap-2 px-5 text-sm font-medium tracking-wide transition duration-300 rounded focus-visible:outline-none justify-self-center whitespace-nowrap bg-zinc-50 text-zinc-500 hover:bg-zinc-100 hover:text-zinc-600 focus:bg-zinc-200 focus:text-zinc-700 disabled:cursor-not-allowed disabled:border-zinc-300 disabled:bg-zinc-100 disabled:text-zinc-400 disabled:shadow-none">
  <span>Next</span>
</button>
<!-- End Base secondary basic button -->
  </a>
</div>

{% endblock %}
